<template>
  <view class="content">
    <StatusNav :properties="statusNavProperties"/>
    <uv-sticky :offsetTop="0" :customNavHeight="0" bgColor="#fff">
      <view class="tas">
        <uv-tabs :scrollable="false" @change="tabListChange" :current="tabCurrent" :lineColor="themConfig.theme.color"
                 :list="tabList"></uv-tabs>
      </view>
    </uv-sticky>
    <view class="items">
      <uv-gap height="10"/>
      <template v-for="(item, idx) in groupInfos">
        <SchoolGroup :properties="groupComponentProperties" :datas="[item]">
          <template v-slot:title>
            <view></view>
          </template>
        </SchoolGroup>
        <uv-gap height="10"/>
      </template>

        <Empty :show="groupInfos.length<=0"/>


      <uv-load-more v-if="isReachBottom" @loadmore="loadmore" :status="loading.status" :loading-text="loading.loadingText"
                    :loadmore-text="loading.loadmoreText"
                    nomore-text=" "/>
      <uv-gap height="10" v-if="isReachBottom" bgColor=""></uv-gap>
    </view>

    <!--#ifdef H5-->
    <FloatingBtn @clickBtn="clickBtn" :size="35" :position="{ right: '25px', bottom: '100px' }" :iconColor="themConfig.theme.color"
                 jumpath="" icon="plus" background="white" boxShadow="none"/>
    <!--#endif-->

    <!-- #ifndef H5-->
    <view @click="clickBtn">
      <FloatingBtn :size="35" :position="{ right: '25px', bottom: '100px' }" :iconColor="themConfig.theme.color"
                   jumpath="" icon="plus" background="white" boxShadow="none"/>
    </view>
    <!--#endif-->

    <FloatingBackHome :position="{ right: '25px', bottom: '200px' }"/>
  </view>
</template>

<script>

import {mixins} from './index.js'
import uvCountDown from '../../../components/school/group/uv-count-down.vue'

export default {
  components: {uvCountDown},
  mixins: [mixins]
}
</script>
<style scoped lang="scss">
@import './index.scss';

</style>
